<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>购物车</title>
	<style>
		.out{
			text-align: center;
			line-height: 44px;
			width: 88px;
			height: 44px;
			border: 1px solid #000;
			position: relative;
		}
		.zero{
			text-align: center;
			line-height: 20px;
			color: white;
			background-color: red;
			width: 16px;
			height: 16px;
			border: 1px solid red;
			border-radius: 8px;
			position: absolute;
			left: 70px;
			top: 3px;
		}
	</style>
</head>
<body>
	<div class="out">
		<div style="color: red;">购物车</div>
		<div class="zero">0</div>
	</div>
</body>
</html>